/* 设置导航栏的背景颜色和文本居中 */
#nav {
    background: #fff;
    text-align: center;
    border-bottom: 1px solid #ccc; /* 底部边框 */
}

/* 设置导航菜单中的列表项以行内块级元素显示 */
.nav ul li {
    display: inline-block;
    margin: 0 10px; /* 增加间距 */
}

/* 设置导航菜单中的链接样式 */
.nav ul li a {
    padding: 10px 15px;
    font-size: 16px;
    color: #333;
    text-decoration: none; /* 去除下划线 */
    transition: color 0.3s; /* 过渡效果 */
}

/* 当鼠标悬停在链接上时，改变链接的颜色 */
.nav ul li a:hover {
    color: #ff7400; /* 鼠标悬停颜色 */
}